.page{
	background: #F9F9F9;
}
.article-wrap{
	background: #fff;
	padding: 38rpx 20rpx;
	.title{
		font-size: 48rpx;
		font-weight: 600;
		color: #333333;
		line-height: 66rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		display: box;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}
	.time{
		height: 40rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: #999999;
		line-height: 40rpx;
		margin: 18rpx 0;
	}
	.cont{
		font-size: 28rpx;
		font-weight: 400;
		color: #333333;
		line-height: 40rpx;
	}
}
.remark-wrap{
	margin-top: 20rpx;
	padding: 20rpx;
	background: #fff;
	.title{
		height: 50rpx;
		font-size: 36rpx;
		font-weight: 600;
		color: #333333;
		line-height: 50rpx;
	}
	.item{
		padding: 20rpx 0;
		display: flex;
		.lf{
			.touxiang{
				width: 48rpx;
				height: 48rpx;
				border: 2rpx solid #979797;
				image{
					width: 48rpx;
					height: 48rpx;
				}
			}
		}
		.rt{
			padding: 0 20rpx;
			.head{
				display: flex;
				justify-content: space-between;
				.name{
					height: 40rpx;
					font-size: 28rpx;
					font-weight: 600;
					color: #333333;
					line-height: 40rpx;
				}
				.date{
					font-size: 32rpx;
					font-weight: 400;
					color: #7A859C;
				}
			}
			.body{
				font-size: 28rpx;
				font-weight: 400;
				color: #383733;
				line-height: 40rpx;
			}
			.foot{
				display: flex;
				margin-top: 40rpx;
				.icon{
					width: 42rpx;
					height: 42rpx;
				}
				view{
					display: flex;
					.text{
						font-size: 28rpx;
						font-weight: 400;
						color: #7A859C;
						padding-left: 10rpx;
					}
				}
				view:first-child{
					margin-right: 68rpx;
				}
			}
		}
	}
}
.fixed-wrap{
	position: fixed;
	left: 0;
	bottom: 0;
	height: 100rpx;
	width: 750rpx;
	padding: 20rpx;
	display: flex;
	align-items: center;
	background: #fff;
	input{
		height: 80rpx;
		width: 100%;
		background: #FFFFFF;
		border: 2rpx solid #EEEEEE;
		padding: 0 36rpx;
	}
	.placeholder{
		font-size: 28rpx;
		font-weight: 400;
		color: #666666;
	}
}

.popup-wrap{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	.mask{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #000000;
		opacity: 0.5;
	}
	.popup-cont-wrap{
		position: relative;
		z-index: 50;
		margin: 0 22rpx;
		margin-top: 250rpx;
		.scroll-Y{
			background: #fff;
			height: 800rpx;
			.popup-title{
				font-size: 32rpx;
				font-weight: 600;
				color: #000000;
				line-height: 44rpx;
				text-align: center;
				padding: 36rpx 0;
				.text{
					font-size: 28rpx;
					font-weight: 400;
					color: #999999;
					line-height: 40rpx;
					padding-top: 10rpx;
				}
			}
			.popup-cont{
				padding: 18rpx;
				padding-top: 0;
				uni-checkbox-group{ 
					width: 100% !important; 
				}
				uni-checkbox-group uni-label{
					width: 100% !important; 
					display: inline-flex; 
					margin-bottom: 30rpx; 
				}

				.item{
					padding: 20rpx 0;
					display: flex;
					.lf{
						.touxiang{
							width: 48rpx;
							height: 48rpx;
							border: 2rpx solid #979797;
							image{
								width: 48rpx;
								height: 48rpx;
							}
						}
					}
					.rt{
						padding: 0 20rpx;
						.head{
							display: flex;
							justify-content: space-between;
							.name{
								height: 40rpx;
								font-size: 28rpx;
								font-weight: 600;
								color: #333333;
								line-height: 40rpx;
							}
							.date{
								font-size: 32rpx;
								font-weight: 400;
								color: #7A859C;
							}
						}
						.body{
							font-size: 28rpx;
							font-weight: 400;
							color: #383733;
							line-height: 40rpx;
						}
						.foot{
							display: flex;
							margin-top: 40rpx;
							.icon{
								width: 42rpx;
								height: 42rpx;
							}
							view{
								display: flex;
								.text{
									font-size: 28rpx;
									font-weight: 400;
									color: #7A859C;
									padding-left: 10rpx;
								}
							}
							view:first-child{
								margin-right: 68rpx;
							}
						}
					}
				}
				.btn{
					width: 256rpx;
					height: 80rpx;
					line-height: 80rpx;
					background: #E5422D;
					border-radius: 40rpx;
					text-align: center;
					color: #fff;
					margin: 0 auto;
					margin-top: 20rpx;
				}
			}
		}
		.close-btn{
			height: 60rpx;
			width: 60rpx;
			position: absolute;
			bottom: -50px;
			left: 50%;
			margin-left: -30rpx;
		}
	}
}